{% extends "common/base.html" %}
{% block title%}
民俗风情
{% endblock %}
{% block main %}




<!--<!DOCTYPE html>-->
<!--<html lang="zh-CN">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<!--    <title>美丽家乡 - 山水之城</title>-->
<!--    <style>-->
<!--        * {-->
<!--            margin: 0;-->
<!--            padding: 0;-->
<!--            box-sizing: border-box;-->
<!--            font-family: '微软雅黑', sans-serif;-->
<!--        }-->

<!--        body {-->
<!--            background-color: #f5f5f5;-->
<!--        }-->

<!--        /* 导航栏样式 */-->
<!--        .navbar {-->
<!--            background-color: #fff;-->
<!--            padding: 1rem 5%;-->
<!--            box-shadow: 0 2px 5px rgba(0,0,0,0.1);-->
<!--            position: fixed;-->
<!--            width: 100%;-->
<!--            top: 0;-->
<!--            z-index: 1000;-->
<!--        }-->

<!--        .nav-links {-->
<!--            display: flex;-->
<!--            justify-content: flex-end;-->
<!--            list-style: none;-->
<!--        }-->

<!--        .nav-links a {-->
<!--            color: #333;-->
<!--            text-decoration: none;-->
<!--            margin-left: 2rem;-->
<!--            padding: 0.5rem 1rem;-->
<!--            transition: color 0.3s;-->
<!--        }-->
<style>
        /* 欢迎横幅 */
        .banner {
            height: 600px;
            width: 100%;
            background-image:url("/static/images/hubeiminsu.png");
            background-size: auto  auto;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            margin-top: 60px;
        }

<!--        /* 家乡简介 */-->
<!--        .intro {-->
<!--            padding: 4rem 5%;-->
<!--            background-color: white;-->
<!--        }-->

<!--        /* 特色景点 */-->
<!--        .attractions {-->
<!--            padding: 4rem 5%;-->
<!--        }-->

<!--        .card-container {-->
<!--            display: grid;-->
<!--            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));-->
<!--            gap: 2rem;-->
<!--            margin-top: 2rem;-->
<!--        }-->

<!--        .card {-->
<!--            background: white;-->
<!--            border-radius: 10px;-->
<!--            overflow: hidden;-->
<!--            box-shadow: 0 3px 10px rgba(0,0,0,0.1);-->
<!--        }-->

<!--        .card img {-->
<!--            width: 100%;-->
<!--            height: 200px;-->
<!--            object-fit: cover;-->
<!--        }-->

<!--        .card-content {-->
<!--            padding: 1.5rem;-->
<!--        }-->

<!--        /* 页脚 */-->
<!--        footer {-->
<!--            background-color: #333;-->
<!--            color: white;-->
<!--            padding: 2rem 5%;-->
<!--            text-align: center;-->
<!--        }-->
               .container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
font-family: Arial, sans-serif;
        }
        .image-with-text {
display: flex;
align-items: center;
margin: 20px 0;
background-color: #f9f9f9;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .image-container {
flex: 1;
min-width: 300px;
        }
        .image-container img {
width: 100%;
height: auto;
display: block;
        }
        .text-container {
flex: 2;
padding: 20px;
        }
        .text-container h2 {
margin-top: 0;
color: #333;
        }
        .text-container p {
color: #666;
line-height: 1.6;
        }
@media (max-width: 600px) {
            .image-with-text {
flex-direction: column;
            }
            .image-container, .text-container {
width: 100%;
flex: none;
            }


<!--        /* 家乡简介 */-->
        .intro {
            padding: 4rem 5%;
            background-color: white;
        }
   </style>



<!--</head>-->


<!--    &lt;!&ndash; 导航栏 &ndash;&gt;-->
<!--    <nav class="navbar">-->
<!--        <ul class="nav-links">-->
<!--            <li><a href="index.html">首页</a></li>-->
<!--             <li><a href="">自然风光</a></li>-->
<!--            <li><a href="food.html">特色美食</a></li>-->
<!--             <li><a href="history.html">历史文化</a></li>-->
<!--             <li><a href="">民俗风情</a></li>-->
<!--             <li><a href="">旅行攻略</a></li>-->
<!--             <li><a href="">畅言云阁</a></li>-->
<!--             <li><a href="">注册</a></li>-->
<!--             <li><a href="">登录</a></li>-->
<!--             <li><a href="">关于我们</a></li>-->
<!--             <li><a href="">联系我们</a></li>-->
<!--        </ul>-->
<!--    </nav>-->

    <!-- 欢迎横幅 -->
    <section class="banner">
        <div>
            <h1 style="font-size: 3rem; margin-bottom: 1rem;">荆楚民俗之旅</h1>
             <p style="font-size: 2.2rem;">风土人情</p >
      </div>
     </section>
<!--          &lt;!&ndash; 家乡简介 &ndash;&gt;-->
<!--            <section class="intro">-->
<!--        <h2>湖北地方文化</h2>-->
<!--        <p style="margin-top: 1.5rem; line-height: 1.8;">-->
<!--            湖北地方文化汇东西南北之长，承楚文化之绪，具有悠久的文化历史，创造和发展了富有楚文化传统的多种艺术形式，大致可分为戏曲、说唱、歌舞等几大类。-->
<!--            湖北现有22个地方剧种，有属于皮黄系统的汉剧，南剧和湖北越调；属于花鼓系统的东路花鼓戏，湖北花鼓戏，襄阳花鼓，远安花鼓，黄梅采茶戏，梁山调，提琴戏和文曲，还有属于高腔系统的清戏，以及外省传入的高台戏，灯戏等，其中最具影响是汉剧、楚剧和荆州花鼓戏。如以主要旅游地区划分，恩施自治州有南剧、灯戏、堂戏、傩戏、柳子戏；十堰市有山二黄、郧阳花鼓戏；宜昌市有远安花鼓戏；仙桃市有荆州花鼓戏、沔阳皮影戏、沔阳渔鼓；黄冈市有东路花鼓戏、黄梅戏、文曲戏；黄石市有阳新采茶戏；咸宁提琴戏等。这些地方剧种乡土气息浓厚，语言质朴，通俗易懂，为中外宾客所喜闻乐见。-->
<!--        </p >-->
<!--    </section>-->


          <!-- 家乡简介 -->
   {% for item in contents %}
   <section class="intro">


        <h2>
       {{ item.title }}
       </h2>





       <img src="/static/images/{{item.image}}" alt="">
        <p style="margin-top: 1.5rem; line-height: 1.8;">

         </p >
       <p>{{item.memo}}</p>

    </section>
  {% endfor %}




<!--          <div class="article-item">-->
<!--            <h3 class="article-title">三峡大瀑布景区</h3>-->
<!--            <p class="article-desc">三峡大瀑布（原名白果树瀑布）</p >-->
<!--            <a href="articles3.html">阅读全文</a><br>-->
<!--            <div class="article-meta">-->
<!--                 <span><i class="category">分类：自然风光  </i> 地点：湖北省宜昌市夷陵区黄花镇</span>-->

<!--            </div>-->
<!--        </div>-->
<!--        <div class="article-item">-->
<!--            <h3 class="article-title">{{ item.title }}</h3>-->
<!--            <p class="article-desc">{{item.memo}}</p >-->
<!--            <a href="articles.html">阅读全文</a><br>-->
<!--            <div class="article-meta">-->
  <!--                 <span><i class="category">{{item.fenlei}} </i> {item.didian}}</span>-->

<!--            </div>-->
<!--        </div>- ->
<     </div>-->

<!--     &lt;!&ndash; 文章项3 &ndash;&gt;-->
<!--        <div class="article-item">-->
<!--            <h3 class="article-title">三峡大瀑布景区</h3>-->
<!--            <p class="article-desc">三峡大瀑布（原名白果树瀑布）</p >-->
<!--            <a href="articles3.html">阅读全文</a><br>-->
<!--            <div class="article-meta">-->
<!--                 <span><i class="category">分类：自然风光  </i> 地点：湖北省宜昌市夷陵区黄花镇</span>-->

<!--            </div>-->
<!--        </div>-->

<!--     &lt;!&ndash; 文章项4&ndash;&gt;-->
<!--        <div class="article-item">-->
<!--            <h3 class="article-title">恩施州恩施大峡谷景区</h3>-->
<!--            <p class="article-desc"> 国家AAAAA级旅游景区</p >-->
<!--            <a href="articles4.html">阅读全文</a>-->
<!--            <div class="article-meta">-->
<!--                 <span><i class="category">分类：自然风光  </i> 地点：湖北省恩施土家族苗族自治州恩施市屯堡乡</span>-->

<!--            </div>-->
<!--        </div>-->
<!--  &lt;!&ndash; 文章项5 &ndash;&gt;-->
<!--        <div class="article-item">-->
<!--            <h3 class="article-title">黄鹤楼</h3>-->
<!--            <p class="article-desc">天下第一楼</p >-->
<!--            <a href="articles.html">阅读全文</a><br>-->
<!--            <div class="article-meta">-->
<!--                 <span><i class="category">分类：自然风光  </i> 地点：湖北省 武汉市 武昌区</span>-->

<!--            </div>-->
<!--        </div>-->


    <!-- 页脚 -->
<!--    <footer>-->
<!--        <p>© 2023 山水之城文化旅游局 版权所有</p >-->
<!--        <p style="margin-top: 1rem;">联系方式：xxx-xxxxxxxx</p >-->
<!--    </footer>-->
<!--</body>-->
<!--</html>-->

<!--             <div class="container">-->
<!--            {% for item in contents %}-->
<!--        <div class="image-with-text">-->
<!--            <div class="image-container">-->
<!--                <img src="/static/images/{{item.image}}" alt="">-->
<!--            </div>-->
<!--            <div class="text-container">-->
<!--                <h2>{{ item.title }}</h2>-->
<!--                <p>{{item.memo}}</p>-->

<!--            </div>-->
<!--        </div>-->
<!--  {% endfor %}-->
<!--        <div class="image-with-text">-->
<!--            <div class="image-container">-->
<!--                <img src="/static/images/hanju.png" alt="">-->
<!--            </div>-->
<!--            <div class="text-container">-->
<!--                <h2>汉剧</h2>-->
<!--                <p>汉剧，旧称楚调、汉调（楚腔、楚曲），俗称“二黄”，指湖北省武汉市地方戏剧，汉族传统戏曲剧种之一、国家级非物质文化遗产之一。汉剧，清代中叶形成于湖北境内，民国时期定名汉剧。汉剧主要流传于湖北省，远及湘、豫、川、陕、湘、粤、皖、赣、闽、黔、晋等省的部分地区。 汉剧传统剧目有660余个，唱腔优美，对白雅致，文本大气，对演员文化素质要求较高， 角色共分为十行，腔调除了西皮、二黄外，罗罗腔也用得较多。伴奏乐器有胡琴、月琴、三弦、鼓板等。</p>-->

<!--            </div>-->
<!--        </div>-->

     {% endblock %}